<template>
    <div class="comment-container">
        <!-- <h1>子评论组件-- {{id}}</h1> -->
        <!-- 评论子组件 -->
        <comment-box :id="this.id"></comment-box>
    </div>
</template>

<script>
//1. 导入评论子组件
import comment from '../commont/comment.vue';
export default {
    data() {
        return {
            id: this.$route.params.id,
        }
    },
    
    components: { // 用来注册子组件的节点
        'comment-box': comment
    }
}
</script>

<style lang="scss" scoped>
.comment-container{
    padding:0 15px;
}
</style>
